<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.7.js"></script>

    <style>
        tr{
            height: 40px;
        }
        td{

            font-size: larger;
        }
        p{
            width: 130px;
            border:1px solid  	#A9A9A9;
        }
    </style>
</head>
<script>
    $(function(){
        $("#btnOpen").click(function(){
            var path=$("#myfile").val(); //得到选择的文件的路径及文件名
        });
    });
</script>
<script>
    $(document).ready(function(e) {//DOM加载完成后执行方法
        $(".but").click(function(e) {//点击事件
            $(".abc").toggle();//div元素如果是隐藏就会显示，反之显示就会隐藏
        });
    });
</script>
<body>
<div style="width:700px;margin-left: 100px; " align="center">
<table align="center">
    <tr>
        <td><h3>参数输入</h3></td>
    </tr>
    <tr>
        <td>社会折现率:</td>
        <td>后台数据</td>
    </tr>
    <tr>
        <td>导入费用成本数据:</td>
        <td> <input type="file" id="myfile"></td>
    </tr>
    <tr>
        <td>导入投资利润数据:</td>
        <td> <input type="file" id="myfile2"></td>
    </tr>
    <tr align="center">
        <td><button type="submit" class="but"  >评价</button></td>
    </tr>
</table>
    <div style="margin-left: 130px; " align="center" class="abc">
        <table  style="margin-top: 10px; ">
            <tr> <td><h3>指标计算结果</h3></td></tr>

            <tr>
                <td>净现值（NPV）:</td>
                <td><p>57.08</p></td>
                <td>效益成本比（BCR）:</td>
                <td><p>3.89</p></td>
            </tr>
            <tr>
                <td>净效益成本比（NBCR）:</td>
                <td><p>1.02</p></td>
                <td>内部收益率（IRR）:</td>
                <td><p>3.31</p></td>
            </tr>
            <tr>
                <td>投资回收期（N）:</td>
                <td><p>4</p></td>
            </tr>
        </table>
    </div>

</div>
</body>
</html>